html, body {
  height: 100%;
}

.form-builder-modal {
  overflow: hidden;

  & > .base-modal {
    width: calc(100% - 24px) !important;
    height: calc(100vh - 64px);
    background-color: $bg-color-l1;

    max-height: calc(100% - 64px);
    max-height: calc(100vh - 64px);

    & > .base-modal-header {
      height: 48px;
      padding: 0 12px 0 16px;
      color: #fff;
      background: linear-gradient(270deg, $color-primary-light-4 0%, $color-primary-light-6 100%);

      .base-modal-header-close {
        color: #fff;
        font-weight: bold;
        margin-left: 20px;
      }

      .form-builder-title {
        flex: 1;
      }

      .form-builder-save-btn {
        width: 68px;
        height: 32px;
        line-height: 1;
        color: $color-primary;
        background: #FFFFFF;
        border-radius: $button-radius-base;
      }
    }

    & > .base-modal-body {
      overflow-y: hidden;
      display: flex;

      .contract-form-design {
        flex: 1;

        .form-design-setting {
          width: 330px;
        }
      }
    }
  }
}